import VueRouter from 'vue-router'

//导入对应的路由组件
import HomeContainer from './components/tabbar/HomeContainer.vue'
import MemberContainer from './components/tabbar/MemberContainer.vue'
import SearchContainer from './components/tabbar/SearchContainer.vue'
import ShopcartContainer from './components/tabbar/ShopcartContainer.vue'
import NewsList from './components/news/newslist.vue'
import NewsInfo from './components/news/newsInfo.vue'
import PhotoList from './components/photos/photolist.vue'
import PhotoInfo from './components/photos/photoinfo.vue'
import Goodslist from './components/goods/goodslist.vue'
import GoodsInfo from './components/goods/goodsinfo.vue'
import GoodsDesc from './components/goods/goodsdesc.vue'
import GoodsComment from './components/goods/goodscomment.vue'

var router = new VueRouter({
    routes:[        //配置路由规则
        { path:'/', redirect: '/home'},
        { path:'/home', component: HomeContainer},
        { path:'/member', component: MemberContainer},
        { path:'/search', component: SearchContainer},
        { path:'/shopcart', component: ShopcartContainer},
        { path:'/home/newslist', component: NewsList},
        { path:'/home/newsinfo/:id', component: NewsInfo},
        { path:'/home/photolist', component: PhotoList},
        { path:'/home/photoinfo/:id', component: PhotoInfo},
        { path:'/home/goodslist', component: Goodslist},
        { path:'/home/goodsinfo/:id', component: GoodsInfo, name: 'goodsinfo' },
        { path:'/home/goodsdesc/:id', component: GoodsDesc, name: 'goodsdesc' },
        { path:'/home/goodscomment/:id', component: GoodsComment, name: 'goodscomment' },
    ],
    linkActiveClass:'mui-active'    //覆盖默认高亮的类 默认的类叫做router-link-active
});

//把路由对象暴露出去
export default router